<template>
  <div>
    <pageMain padding="0px" background="transparent">
      <chunkTitle title="邮件服务器信息">
        <template>
          <div class="form-box">
            <el-form
              ref="form"
              :model="form"
              :label-width="labelWidth"
              :label-position="labelPosition"
            >
              <el-form-item label="邮件服务">
                <el-switch
                  v-model="form.value"
                  active-color="#13ce66"
                  inactive-color="#ff4949"
                >
                </el-switch>
              </el-form-item>
              <el-form-item label="邮件日志">
                <el-switch
                  v-model="form.value"
                  active-color="#13ce66"
                  inactive-color="#ff4949"
                >
                </el-switch>
              </el-form-item>
              <el-form-item label="活动名称">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
              <el-form-item label="活动名称">
                <el-input v-model="form.name"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </template>
      </chunkTitle>

      <chunkTitle title="服务测试">
        <template>
          <el-form :inline="true" :model="teskForm" class="demo-form-inline">
            <el-form-item label="邮箱地址">
              <el-input v-model="teskForm.user" placeholder="请输入邮箱地址"></el-input>
            </el-form-item>

            <el-form-item>
              <el-button type="primary" @click="onSubmit">发送测试</el-button>
            </el-form-item>
          </el-form>
        </template>
      </chunkTitle>

      <chunkTitle title="邮件日志">
        <template>
          <el-table :data="EmailLog" style="width: 100%">
            <el-table-column prop="date" label="id" width="60" fixed="left">
            </el-table-column>
            <el-table-column
              prop="date"
              label="邮件类型"
              width="130"
              fixed="left"
            >
            </el-table-column>
            <el-table-column prop="date" label="发送方" width="180">
            </el-table-column>
            <el-table-column prop="date" label="收件方" width="180">
            </el-table-column>
            <el-table-column prop="name" label="邮件内容"> </el-table-column>
            <el-table-column prop="address" label="发送时间"> </el-table-column>
            <el-table-column prop="name" label="邮件内容"> </el-table-column>
            <el-table-column prop="name" label="状态" width="90" fixed="right">
            </el-table-column>
            <el-table-column prop="name" label="操作" width="180" fixed="right">
            </el-table-column>
          </el-table>
        </template>
      </chunkTitle>
    </pageMain>
  </div>
</template>

<script>
import "../css/system.css";
import chunkTitle from "@/components/chunk-title/chunk-title.vue";
import pageMain from "~/page-main/page-main.vue";
export default {
  components: { pageMain, chunkTitle },

  data() {
    return {
      teskForm:{},
      EmailLog: [],
      labelWidth: "100px",
      labelPosition: "left",
      form: {},
    };
  },
};
</script>
